import React, { Component } from 'react';
// import webmap from '../assets/images/webmap.svg'
import { observer, inject } from 'mobx-react'
import styles from './index.scss'
import { Button, Column, Columns } from '@kube-design/components';
import { Link} from 'react-router-dom';
import Applications from './Applications';

// @inject('clusterStore')
// @observer
export default class BigScreen extends Component{
  // componentDidMount() {
  //   this.cluster.fetchVersion(this.props.match.params)
  // }

  // get cluster() {
  //   return this.props.clusterStore
  // }
  
  render() {
    // const { match } = this.props
    // const { detail } = this.cluster

    return (
      <div className={styles.background}>
          <Link to='/clusters/default/overview'>
            <Button className={styles.button} onClick={this.handleClick}>
               {'进入系统'}
            </Button>
          </Link>
          <p style={{ marginBottom: '3em' }}></p>
          <Columns>
            <Column style={{ flex: 0.3 }}>
              <Applications />
            </Column>

            <Column style={{ flex: 0.3 }}>
            
            </Column>
          </Columns>
          
      </div>   
      
    );
  }
  
}

